<!DOCTYPE html>
<html>
	<head>
		<title>Blueprint Christmas Facebook Page</title>
		<link href='style.css' type='text/css' rel='stylesheet' />	
		<!-- Google jQuery 1.7.1 -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<!--- // Google jQuery 1.7.1 -->
		
		<!-- Scroll jQuery plugin -->
		<script src='./scrollTo/jquery.scrollTo-1.4.2-min.js'></script>	

		<!-- action jS for bullets and scrolling -->
		<script src='./action.js'></script>	

		<!--[if lt IE 9]>
		<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<div id='wrapper'>
			<header><img src='images/blueprint-fb-greeting-christmas.png' alt='' /></header> <!-- header -->
			<div id='content'>
				
					<section id='aboveText'>As a Chicago Web Design and marketing company since 2006 our staff is highly trained, and very result oriented. Our experts will solve, service, support and consult on your most complicated or simplest computing needs. Results is the foundation of our company, be it restaurant menu design or website development. Our mission is to provide the highest quality and most cost effective solutions and services for our clients.
					</section>
					<div class='clear'><!-- --></div>
					<!-- services -->
					<div id='services'>
						<div class='service' id='web-design'>
							<h3>Web Design</h3>
							<ul>
      							<li>Web Trend Strategies</li>
      							<li>Branding/Logo Design</li>
      							<li>Responsive &amp; Mobile Design</li>
    							</ul>
						</div>
						<div class='service' id='development'>
							<h3>Development</h3>
							<ul>
      							<li>Quality Development Process</li>
      							<li>Innovative Technologies</li>
      							<li>Custom WordPress Development</li>
    							</ul>
						</div>
						<div class='service' id='support'>
							<h3>Support</h3>
							<ul>
      							<li>Training For Your Site</li>
      							<li>24/7 Support</li>
      							<li>Comfort With No Underwire</li>
    							</ul>
						</div>
						<div class='clear'><!-- --></div>
					</div>
					<!-- // end of services-->
					<div id='clientsWrap'>
						<div id='clients'>
							<!-- edit the page number here! and for more increased width: see the #clients under style.css -->
							<div id='page-1' class='pane'>
								<figure class='client'>
									<a href="http://colonialcafe.com/" target="_blank"><img src='images/clients/blueprint-client-colonial-cafe.png' alt="Colonial Cafe" /></a>
									<figcaption>Colonial Cafe &amp; Ice Cream</figcaption>
								</figure>
								<figure class='client'>
									<img src='images/clients/blueprint-client-subway.png' alt="Colonial Cafe" />
									<figcaption>Subway Falafel</figcaption>
								</figure>
							</div>
							<div id='page-2' class='pane'>
								<figure class='client'>
									<a href="http://tv.chicagotribune.com/" target="_blank"><img src='images/clients/blueprint-tribune-tv.png' alt="Tribune TV" /></a>
									<figcaption>Tribune TV</figcaption>
								</figure>
								<figure class='client'>
									<a href="http://belgianexperts.com/" target="_blank"><img src='images/clients/blueprint-vanberg-dewulf.png' alt="Vanberg Dewulf" /></a>
									<figcaption>Vanberg Dewulf</figcaption>
								</figure>
							</div>
							<div id='page-3' class='pane'>
								<figure class='client'>
									<a href="http://ajoyfuloccasionbridal.com/" target="_blank"><img src='images/clients/blueprint-joyful-bridal.png' alt="Joyful Occasion Bridal" /></a>
									<figcaption>A Joyful Occasion Bridal</figcaption>
								</figure>
								<figure class='client'>
									<a href="http://www.hot2cold.com/" target="_blank"><img src='images/clients/blueprint-hot2cold.png' alt="Hot 2 Cold" /></a>
									<figcaption>Hot 2 Cold</figcaption>
								</figure>
							</div>
							
							<div id='page-4' class='pane'>
								<figure class='client'>
									<a href="http://www.americasbestbites.com/" target="_blank"><img src='images/clients/blueprint-american-bestbites.png' alt="America's Best Bites" /></a>
									<figcaption>America's Best Bites</figcaption>
								</figure>
								<figure class='client'>
									<a href="http://crazyjaws.com/" target="_blank"><img src='images/clients/blueprint-crazy-jaws.png' alt="Crazy Jaws" /></a>
									<figcaption>Crazy Jaws</figcaption>
								</figure>
							</div>
							<div id='page-5' class='pane'>
								<figure class='client'>
									<a href="http://ilchamber.org/" target="_blank"><img src='images/clients/blueprint-illinois-chamber.png' alt="Illionois Chamber" /></a>
									<figcaption>Illionois Chamber of Commerce</figcaption>
								</figure>
								<figure class='client'>
									<a href="http://simulation.northwestern.edu/" target="_blank"><img src='images/clients/blueprint-northwestern.png' alt="NorthWestern University" /></a>
									<figcaption>NorthWestern University</figcaption>
								</figure>
							</div>
							<!-- // clients -->
						</div>
						<!-- end of clientsWrap -->
					</div>
					
					<!-- paging started --->
					<div id='paging'>
						<ul>
							<li><a href='#' class='bullet-1' rel='#page-1'></a></li>
							<li><a href='#' class='bullet-2' rel='#page-2'></a></li>
							<li><a href='#' class='bullet-3' rel='#page-3'></a></li>
							<li><a href='#' class='bullet-4' rel='#page-4'></a></li>
							<li><a href='#' class='bullet-5' rel='#page-5' id='theLastPage'></a></li>
						</ul>
					</div>
					<!-- // paging bullets -->

					<!-- see our portfolios -->
					<div id='viewPortfolios'>
						<a href="http://blueprintds.com/category/portfolio/?src=fb-christmas-page" target="_blank" title="View Our Portfolios"><img src='images/view-portfolio.png' alt="View Portfolio" /></a>
					</div>
				<div class='clear'><!-- --></div>
				
			</div> <!-- // end of content -->
			<footer id='footer'>
				<!-- track -->
				<div id='blueprint'>
				<a target="_blank" href="http://blueprintds.com?src=fb-christmas-page" title="Blueprint Design"> <img src='images/blueprint-logo.png' alt="Blueprint Design" width='126' height='21' /></a>
				</div>
			</footer>
			<!-- end of footer -->
		</div>
		<!-- end of wrapper -->
	</body>
</html>
